<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">

<title>装修隐检</title>
<style>
th {
	color: white;
	background-color: #F08080
}

.table-striped tbody>tr:nth-child(odd)>td {
	background-color: #EDEDED;
}

.table th, .table td {
	text-align: center;
	vertical-align: middle !important;
}

.bootstrap-table {
	width: 100%
}

.pagination>.active>a {
	border-color: #ddd;
}
</style>
</head>
<body>
	<!-- 装修隐检 -->
	<div style="padding:0 10px" >
		<a class="btn btn-danger" onClick='openAddHide()' id="addDechideButton" hidden="hidden">新增</a>
		<div>
			<!-- 列表start -->
			<div style="padding-top: 5px;">
				<table id="hideTable">

				</table>
			</div>
			<!-- 列表end -->
			<!-- 表单start -->
			<div id="toHideAdd" hidden="hidden"
				style="margin-top: 15px;height:500px;">
				<iframe id="toAddHide" name="toAddHide" width="100%"
					style="height:100%;display: block;" frameborder="0"></iframe>
			</div>
			<!-- 表单end -->
			<div style="padding-top:5px" class="changeTable">
				<!-- 装修隐检更改字段列表 -->
				<table id="hiddenChageTable" style="table-layout:fixed"></table>
			</div>
			<div style="display: none">
				<input name="hideId" id="hideId">
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function openAddHide() {
			$("#toHideAdd").show();
			var id = $("#hideId").val();
			$("iframe[id='toAddHide']").attr("src", "decorate/hideCheck/toAddHide");
		}
	
		//表格-操作 - 格式化 
		function actionFormatter(value, row, index) {
			var html="<a class='btn btn-info' onClick='showHide(\"" + row.id + "\")'>查看</a>";
			var history = parent.$("#history").val();
			if(history != 'yes'){
				<shiro:hasPermission name="permission:edit"> 
					if(historyStatus==0){ 
						html +="&nbsp;&nbsp;<a class='btn btn-info' onClick='editHide(\"" + row.id + "\")'>修正</a>";
					}
				</shiro:hasPermission> 
				<shiro:hasPermission name="permission:delete"> 
					if(historyStatus==0){ 
						html +="&nbsp;&nbsp;<a class='btn btn-warning' onClick='delHide(\"" + row.id + "\")'>删除</a>";
					}
				</shiro:hasPermission> 
			}
			return html;
	
		}
		//编辑
		function editHide(id) {
			$("#toHideAdd").show();
			$("iframe[id='toAddHide']").attr("src", "decorate/hideCheck/toAddHide?id=" + id +"&hideFlag=2");
		}
		//查看
		function showHide(id) {
			$("#toHideAdd").show();
			$("iframe[id='toAddHide']").attr("src", "decorate/hideCheck/toAddHide?id=" + id +"&hideFlag=1");
		}
		function delHide(id) {
			layer.confirm('确定删除该条信息吗？', {
				btn : [ '确定', '取消' ] //按钮
			}, function() {
				//点击确定时，删除该条数据
				$.ajax({
					url : "decorate/hideCheck/delHideById", //请求的url地址
					async : true, //请求是否异步，默认为异步
					data : {
						"id" : id,
						fkroomId:fkroomId
					}, //参数值
					type : "GET", //请求方式
	
					success : function(req) {
						if (req.success) {
							layer.msg("删除成功", {
								anim : 5,
								time : 1500
							}, function() {
								location.reload();
							});
	
						}
					}
				});
			}, function() {
				layer.close();
			});
		}
		//日期格式化
		function dataFormat(value, row, index) {
			return new Date(value).format("yyyy-MM-dd");
		}
		//日期格式化
		function dataFormat2(value, row, index) {
			return new Date(value).format("yyyy-MM-dd hh:mm:ss");
		}
		$(function() {
			var history = parent.$("#history").val();
			if(history=='yes'){
				$("#addDechideButton").remove();
			}
			if(historyStatus==0){
				$("#addDechideButton").show();
			}else{
				$("#addDechideButton").hide();
			}
			//初始化表格,动态从服务器加载数据  
			$("#hideTable").bootstrapTable({
				method : "post", //使用get请求到服务器获取数据  
				url : "decorate/hideCheck/getHideList", //获取数据的Servlet地址  
				striped : true, //表格显示条纹  
				pagination : true, //启动分页  
				pageSize : 2, //每页显示的记录数  
				pageNumber : 1, //当前第几页  
				pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
				sidePagination : "server", //表示服务端请求  
				contentType : 'application/x-www-form-urlencoded',
				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
				//设置为limit可以获取limit, offset, search, sort, order  
				queryParamsType : "undefined",
				queryParams : function queryParams(params) { //设置查询参数  
					var param = {
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						fkcustomerId : fkcustomerId,
					};
					return param;
				},
				columns : [ {
					field : 'hideName',
					title : '隐检项目',
				}, {
					field : 'hideContent',
					title : '隐检内容',
				}, {
					field : 'hideVerdict',
					title : '隐检结论',
				}, {
					field : 'hideData',
					title : '资料',
				//align : "left"
				}, {
					field : 'hideTime',
					title : '隐检时间',
					formatter : 'dataFormat'
				}, {
					field : 'opr',
					title : '操作',
					width : '15%',
					formatter : 'actionFormatter'
				} ]
			});
			
			//初始化表格,动态从服务器加载数据  
			 $("#hiddenChageTable").bootstrapTable({
				method : "post", //使用get请求到服务器获取数据  
				url : "customer/dm/getChangeList", //获取数据的Servlet地址  
				striped : true, //表格显示条纹  
				pagination : true, //启动分页  
				pageSize : 2, //每页显示的记录数  
				pageNumber : 1, //当前第几页  
				pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
				sidePagination : "server", //表示服务端请求  
				contentType : 'application/x-www-form-urlencoded',
				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
				//设置为limit可以获取limit, offset, search, sort, order  
				queryParamsType : "undefined",
				queryParams : function queryParams(params) { //设置查询参数  
					var param = {
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						fkcustomerId : fkcustomerId,
						fkroomId : fkroomId,
						state : '5'
					};
					return param;
				},
				columns : [ {
					field : 'createtime',
					title : '修改时间',
					width : '15%',
					formatter:dataFormat2
				}, {
					field : 'fieldname',
					title : '修改字段',
					width : '7%'
				}, {
					field : 'changebefore',
					title : '修改前数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'changeafter',
					title : '修改后数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'adduser',
					title : '修改人',
					width : '7%',
				}, {
					field : 'remarks',
					title : '变更说明',
					width : '21%',
					formatter:showText	
				} ]
			});
		})
	</script>

</body>
</html>
